{% extends 'abstract_edit.html' %}
{% load i18n static %}
{% load common %}
{% block edit_form %}
  {{ block.spuper }}
    <form class="layui-form" action="" method="post" id="rule-data-form" lay-filter="reportSettingForm">
      {% csrf_token %}
        <div class="" style="padding-top: 10px"><i class="fa fa-cog"></i><span style="padding-left: 5px">{% trans 'alertSettingPage.label.epAlertSetting' %}</span></div>
        <fieldset class="layui-elem-field layui-field-title fieldset-title">
        <div class="layui-form-item" style="padding-top: 30px">
                {% layui_inline form.temp_warning %}
                {% layui_inline form.temp_unit %}
           </div>
      </fieldset>

        <div class=""><i class="fa fa-cog"></i><span style="padding-left: 5px">{% trans 'alertSettingPage.label.approveAlertSetting' %}</span></div>
        <fieldset class="layui-elem-field layui-field-title fieldset-title">
        <div class="layui-form-item" style="padding-top: 20px">
                {% layui_switch form.temp_alarm %}
                {% layui_switch form.mask_alarm %}
        </div>
         <div class="layui-form-item" style="padding-top: 20px">
                {% layui_switch form.messenger_alert %}
                {% layui_inline form.bot_uid %}
        </div>
        <div class="layui-form-item" style="padding-top: 20px">
                {% layui_inline form.bot_uid2 %}
        </div>
       <input type="button" class="layui-btn" style="margin-left: 50px" lay-submit lay-filter="alertSettingPage.btn.submit" value="{% trans 'alertSettingPage.btn.submit' %}">
        </fieldset>
    </form>
{% endblock edit_form %}
{% block page_script %}
  {{ block.super }}
  <script>
    $(function () {
      layui.use(['form', 'element'], function () {
        var form = layui.form, element=layui.element;
        element.render();
          form.on('submit(alertSettingPage.btn.submit)', submit_callback("/ep/configuration/", {
            'alternative_form': "#rule-data-form"
          }));
            $.ajax({
            url: "/ep/ep_setup/"
            ,type: "GET"
            ,dataType: 'json'
            ,success: function (response) {
                console.log(response)
                form.val('reportSettingForm', response);
            }
            ,error: function (XMLHttpRequest, textStatus, errorThrown) {
                    data={
                        "id":1
                        ,"temp_alarm":false
                        ,"mask_alarm":false
                        ,"temp_warning":0
      };
                    form.val('reportSettingForm', data);
            }
          });
      });
    });
  </script>
{% endblock page_script %}